﻿
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}








<style type="text/css">
    .box {
        padding: 20px;
        display: none;
        margin-top: 20px;
      
    }

   
    
</style>


    @using (Html.BeginForm("Create", "Security")) { 

    

<div class="row">
    <div class="spacer7"></div>
    <div class="header col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
        
        <div class="signupLogo">Create your Serve ID</div>
    </div>
</div>







<div class="row">
    <div class="spacer9"></div>
    <div class="login col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
        <span class="loginbag1">@Html.Raw(ViewBag.Message)</span><br>
      
        <div class="spacer1"></div>
        <br />
        <input type="text" placeholder="name@example.com" name="email" id="email"><br>
        
        <div class="spacer0"></div>
        <input type="password" placeholder="password" name="password" id="password"><br>
        <div class="spacer0"></div>         
        <input type="password" placeholder="confirm password" name="confirm" id="confirm"><br>
        <div class="spacer0"></div>
        <input type="text" placeholder="first name" name="firstName" id="firstName"><br>
        <div class="spacer0"></div>
        <input type="text" placeholder="last name" name="lastName" id="lastName"><br>
        <div class="spacer0"></div>
        <input type="text" placeholder="phone number" name="phoneNumber" id="phoneNumber"><br>
    </div>




</div>

//<div class="row">
   // <div class="spacer3"></div>
    //<div id="signupDrop">
      //  <div class="dropdown">
        //    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
          //      Select your carrier
            //    <span class="caret"></span>
            //</button>
            //<ul class="dropdown-menu centerDropdown">
                //<li><a href="#">Verizon</a></li>
                //<li><a href="#">AT&T</a></li>
                //<li><a href="#">T-Moblie</a></li>
              
                //<li><a href="#">Other</a></li>
//            </ul>
       // </div>
   // </div>
//</div>








//<div class="black box">
  //  <div class="row">

     //   <div class="login col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
       //     <input type="text" placeholder="name@example.com" name="email"><br>
          
           
            
           
            
         //   <div class="spacer0"></div>
       //     <input type="password" placeholder="password" name="password"><br>
           
        //    <div class="spacer0"></div>
       //     <input type="text" placeholder="confirm password" name="confirm"><br>
         //   <div class="spacer0"></div>
        //    <input type="text" placeholder="first name" name="firstName"><br>
         //   <div class="spacer0"></div>
         //   <input type="text" placeholder="last name" name="lastName"><br>
        //    <div class="spacer0"></div>
         //   <input type="text" placeholder="phone number" name="phoneNumber"><br>
       // </div>




   // </div>

//</div>


<div class="row">
    <div class="spacer10"></div>
    <div class="under col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
      
        <input type="submit" value="sign up">   

    </div>
</div>



        }
    









<script type="text/javascript">
$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
        if($(this).attr("value")=="red"){
            $(".black").toggle();
        }
        if($(this).attr("value")=="green"){
            $(".green").toggle();
        }
        if($(this).attr("value")=="blue"){
            $(".blue").toggle();
        }
    });
});
</script>
